import React from 'react';
import { Link } from 'react-router-dom';
import { Shield, Globe, UserCheck, Award } from 'lucide-react';
export function AboutUs() {
  return <div className="w-full bg-earth-dark">
      {/* Hero Section */}
      <section className="relative py-24 bg-carbon-black">
        <div className="absolute inset-0 z-0">
          <img src="https://images.unsplash.com/photo-1534683251650-3e90e6e4f911?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2000&q=80" alt="Mountain view" className="w-full h-full object-cover opacity-30" />
        </div>
        <div className="container mx-auto px-4 relative z-10">
          <div className="max-w-3xl">
            <h1 className="font-display text-4xl md:text-6xl mb-6">
              ABOUT OPENGO HUB
            </h1>
            <p className="text-xl text-gray-300 mb-6">
              Founded in 2018 by a team of passionate outdoor enthusiasts,
              OpenGo Hub has grown into the most trusted source for unbiased
              outdoor gear reviews and adventure guides.
            </p>
          </div>
        </div>
      </section>
      {/* Our Mission */}
      <section className="py-16">
        <div className="container mx-auto px-4">
          <div className="max-w-3xl mx-auto text-center">
            <h2 className="font-display text-3xl md:text-4xl mb-6">
              OUR MISSION
            </h2>
            <p className="text-xl text-gray-300 mb-8">
              To provide outdoor enthusiasts with honest, field-tested gear
              intelligence that empowers confident decisions for their next
              adventure.
            </p>
            <div className="flex justify-center">
              <Link to="/methodology" className="bg-outdoor-orange hover:bg-climbing-red text-white font-display px-6 py-3 rounded transition-colors">
                OUR TESTING METHODOLOGY
              </Link>
            </div>
          </div>
        </div>
      </section>
      {/* Our Values */}
      <section className="py-16 bg-carbon-black">
        <div className="container mx-auto px-4">
          <h2 className="font-display text-3xl md:text-4xl text-center mb-12">
            OUR VALUES
          </h2>
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
            {/* Value 1 */}
            <div className="bg-earth-dark p-8 rounded-lg text-center">
              <div className="inline-flex items-center justify-center h-16 w-16 rounded-full bg-outdoor-orange mb-6">
                <Shield size={32} />
              </div>
              <h3 className="font-display text-2xl mb-4">INTEGRITY</h3>
              <p className="text-gray-300">
                We never accept payment for positive reviews. Our opinions are
                our own, based solely on extensive field testing.
              </p>
            </div>
            {/* Value 2 */}
            <div className="bg-earth-dark p-8 rounded-lg text-center">
              <div className="inline-flex items-center justify-center h-16 w-16 rounded-full bg-climbing-red mb-6">
                <Globe size={32} />
              </div>
              <h3 className="font-display text-2xl mb-4">SUSTAINABILITY</h3>
              <p className="text-gray-300">
                We evaluate gear not only on performance but also on
                environmental impact, promoting responsible consumption.
              </p>
            </div>
            {/* Value 3 */}
            <div className="bg-earth-dark p-8 rounded-lg text-center">
              <div className="inline-flex items-center justify-center h-16 w-16 rounded-full bg-lake-blue mb-6">
                <UserCheck size={32} />
              </div>
              <h3 className="font-display text-2xl mb-4">ACCESSIBILITY</h3>
              <p className="text-gray-300">
                We test gear at all price points, believing that adventure
                should be accessible to everyone regardless of budget.
              </p>
            </div>
            {/* Value 4 */}
            <div className="bg-earth-dark p-8 rounded-lg text-center">
              <div className="inline-flex items-center justify-center h-16 w-16 rounded-full bg-forest-green mb-6">
                <Award size={32} />
              </div>
              <h3 className="font-display text-2xl mb-4">EXCELLENCE</h3>
              <p className="text-gray-300">
                We push gear to its limits in extreme conditions to ensure it
                meets the highest standards of performance and durability.
              </p>
            </div>
          </div>
        </div>
      </section>
      {/* Our Story */}
      <section className="py-16">
        <div className="container mx-auto px-4">
          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
            <div>
              <h2 className="font-display text-3xl md:text-4xl mb-6">
                OUR STORY
              </h2>
              <p className="text-gray-300 mb-4">
                OpenGo Hub began with five friends on a challenging trek through
                Patagonia. When critical gear failed at the worst possible
                moment, we realized how important honest, thorough gear reviews
                truly are.
              </p>
              <p className="text-gray-300 mb-4">
                Upon returning home, we committed ourselves to creating the
                resource we wished we'd had—one that tests gear in real-world
                conditions, provides unfiltered feedback, and helps adventurers
                make informed decisions.
              </p>
              <p className="text-gray-300 mb-4">
                What started as a small blog has grown into a global community
                of testers and enthusiasts, but our core mission remains
                unchanged: to provide the most trustworthy gear intelligence in
                the outdoor industry.
              </p>
              <p className="text-gray-300">
                Today, we have a team of 28 dedicated testers across six
                continents, putting gear through its paces in every environment
                imaginable—from the frozen peaks of the Himalayas to the
                scorching deserts of Australia.
              </p>
            </div>
            <div className="grid grid-cols-2 gap-4">
              <img src="https://images.unsplash.com/photo-1551632811-561732d1e306?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" alt="Team hiking" className="rounded-lg w-full h-64 object-cover" />
              <img src="https://images.unsplash.com/photo-1527234525970-dec32e8cd654?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" alt="Testing equipment" className="rounded-lg w-full h-64 object-cover" />
              <img src="https://images.unsplash.com/photo-1522163182402-834f871fd851?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" alt="Rock climbing" className="rounded-lg w-full h-64 object-cover" />
              <img src="https://images.unsplash.com/photo-1445307806294-bff7f67ff225?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" alt="Mountain sunset" className="rounded-lg w-full h-64 object-cover" />
            </div>
          </div>
        </div>
      </section>
      {/* Statistics */}
      <section className="py-16 bg-carbon-black">
        <div className="container mx-auto px-4">
          <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
            <div className="text-center">
              <div className="text-4xl md:text-6xl font-display text-outdoor-orange mb-2">
                1,400+
              </div>
              <div className="text-gray-300">Products Tested</div>
            </div>
            <div className="text-center">
              <div className="text-4xl md:text-6xl font-display text-climbing-red mb-2">
                28
              </div>
              <div className="text-gray-300">Field Testers</div>
            </div>
            <div className="text-center">
              <div className="text-4xl md:text-6xl font-display text-lake-blue mb-2">
                42
              </div>
              <div className="text-gray-300">Countries Explored</div>
            </div>
            <div className="text-center">
              <div className="text-4xl md:text-6xl font-display text-forest-green mb-2">
                2.4M
              </div>
              <div className="text-gray-300">Monthly Readers</div>
            </div>
          </div>
        </div>
      </section>
      {/* Join the Team */}
      <section className="py-16">
        <div className="container mx-auto px-4">
          <div className="bg-carbon-black p-8 md:p-12 rounded-lg">
            <div className="max-w-3xl mx-auto text-center">
              <h2 className="font-display text-3xl md:text-4xl mb-6">
                JOIN THE TEAM
              </h2>
              <p className="text-xl text-gray-300 mb-8">
                Are you passionate about outdoor gear and adventure? We're
                always looking for experienced testers, writers, and
                photographers to join our global team.
              </p>
              <Link to="/careers" className="bg-outdoor-orange hover:bg-climbing-red text-white font-display px-6 py-3 rounded transition-colors">
                VIEW OPPORTUNITIES
              </Link>
            </div>
          </div>
        </div>
      </section>
    </div>;
}